<div class="el-dropdown" ng-class="{ 'is-active': isOpen }">
  <!-- 外部传入的触发区 -->
  <div class="el-dropdown__trigger" ng-transclude ng-click="toggleMenu()" ng-mouseenter="handleMouseEnter()"
    ng-mouseleave="onMouseleave()">
  </div>

  <!-- 内置下拉菜单 -->
  <transition name="el-zoom-in-top">
    <ul class="el-dropdown-menu el-popper" ng-show="isOpen" ng-mouseenter="handleMouseEnter()"
      ng-mouseleave="onMouseleave()">
      <li ng-repeat="item in options" class="el-dropdown-menu__item" ng-class="{ 'is-disabled': item.disabled }"
        ng-click="!item.disabled && (selected = item) && select(item)">
        {{ item.label }}{{isOpen}}
      </li>
    </ul>
  </transition>
</div>